/** * @author wn * @date 2023/03/07 13:19:12 * @description: 框架底部 */

<template>
	<div class="footer copyright">
		Copyright
		<Icon :icon="icon" />
		2018 <span>深圳市商用管理软件有限公司 联合开发</span>
	</div>
</template>
<script setup>
import { Icon } from '@/antd/icons'
import { ref } from 'vue'
const icon = ref('CopyrightOutlined')
</script>
<style lang="less" scoped>
.footer {
	padding: 0 16px;
	margin: 48px 0 24px;
	text-align: center;

	.links {
		margin-bottom: 8px;

		a {
			color: rgba(0, 0, 0, 0.45);

			&:hover {
				color: rgba(0, 0, 0, 0.65);
			}

			&:not(:last-child) {
				margin-right: 40px;
			}
		}
	}
	.copyright {
		color: rgba(0, 0, 0, 0.45);
		font-size: 14px;
	}
}
</style>
